<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=8aU7LKz0wwMxfhTlMGO8TyO7RGukWA3j"></script>
  <title>联系我们</title>
  <link rel="shortcut icon" href="images/ico/ico.png" type="image/x-icon"/>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/contact_us.css">
</head>
<body>
<!--联系我们-->
<div class="contact_warp">
  <!--头部-->
  <header class="contact_header">
    <!--导航条-->
    <nav class="nav_bar">
      <div class="container">
        <a class="logo" href="index_cn.html">Hentech</a>
        <nav class="nav">
          <li>
            <a href="index_cn.html">
              <span>首页</span>
            </a>
          </li>
          <li>
            <a href="about_us_cn.html">
              <span>关于我们</span>
            </a>
          </li>
          <li>
            <a href="contact_us_cn.html" class="active">
              <span>联系我们</span>
            </a>
          </li>
          <li>
            <a href="privacy_cn.html">
              <span>隐私声明</span>
            </a>
          </li>
          <li class="nav_product">
            <a href="index_cn.html">
              <span>产品服务</span>
            </a>
            <span class="content_triangle"></span>
            <div class="nav_product_content">
              <a href="product_cn.html">MT5 一站式白标搭建</a>
              <a href="broker_work_cn.html">Broker Work - 后台系统</a>
              <a href="trader_work_cn.html">Trader Work - 客户端</a>
            </div>
          </li>
          <li>
            <a href="index_cn.html">
              <span>客服外包</span>
            </a>
          </li>
          <select class="nav_language_sel">
            <option value="contact_us_cn.html" selected>中文</option>
            <option value="contact_us_en.html">English</option>
          </select>
        </nav>
      </div>
    </nav>
    <!--banner-->
    <div class="contact_banner">
      <div class="container"></div>
    </div>
  </header>
  <!--地图-->
  <div class="contact_map">
    <div class="container">
      <div class="map_card">
        <div class="card_title">联系我们</div>
        <div class="card_detail" id="allmap">
        </div>
      </div>
    </div>
  </div>
  <!--主体-->
  <div class="contact_up_arrow"></div>
  <div class="contact_main">
    <div class="container">
      <div class="main_header">
        <h3>今天就联系我们</h3>
      </div>
      <form class="main_tab">
        <div class="tab_content">
          <span class="content_title">联系我们</span>
          <div class="content_row">

            <label class="row_item" for="name">
              <span>姓名：</span>
              <input type="text" id="name" placeholder="请输入您的名字">
            </label>

            <label class="row_item" for="company">
              <span>公司名称：</span>
              <input type="text" id="company" placeholder="请输入您公司的名称">
            </label>

          </div>
          <div class="content_row">

            <label class="row_item" for="e-mail">
              <span>邮箱地址：</span>
              <input type="text" id="e-mail" placeholder="请输入您的邮箱地址">
            </label>

            <label class="row_item" for="phone-number">
              <span>手机号码：</span>
              <input type="text" id="phone-number" placeholder="请输入您的手机号码">
            </label>

          </div>
          <div class="content_row">
            <label class="row_item" for="title">
              <span>标题：</span>
              <input type="text" id="title" placeholder="请输入您的标题">
            </label>
          </div>
          <div class="content_row">
            <label class="row_item" for="title">
              <span>信息：</span>
              <textarea rows="8" cols="10"></textarea>
            </label>
          </div>
        </div>
        <div class="tab_business_address">
          <span class="address_title">办公地址</span>
          <div class="address_detail">
            <div>地址:</div>
            <p>
              HENTECH TECHNOLOGY SDN BHD
              C-11-2 KL TRILLION, NO.338, Jln Tun Razak,
              50400, Wilayah Persekutuan Kuala Lumpur,
              Malaysia.
            </p>
            <div>邮件联系:</div>
            <div>support@jjjjjjjjj.com</div>
            <div>电话联系:</div>
            <div>(+60)88888888</div>
          </div>
        </div>
      </form>
    </div>
  </div>
  <!--底部-->
  <div class="footer">
    <div class="container">
      <div class="footer_main">
        <a href="index_cn.html" class="main_logo"></a>
        <div class="main_item">
          <a href="about_us_cn.html" class="item_text">关于我们</a>
          <a href="contact_us_cn.html" class="item_text">联系我们</a>
        </div>
        <div class="main_item">
          <a href="privacy_cn.html" class="item_text">隐私声明</a>
          <a href="airlines_cn.html" class="item_text">客服外包</a>
        </div>
        <div class="main_item">
          <a href="broker_work_cn.html" class="item_text">Broker Work</a>
          <a href="trader_work_cn.html" class="item_text">Trader Work</a>
        </div>
        <div class="main_item">
          <a href="product_cn.html" class="item_text">一站式白标</a>
          <div class="address">© 2018 Hentech. All rights reserved.</div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
<script type="text/javascript">
  // 百度地图API功能
  var map = new BMap.Map("allmap")    // 创建Map实例
  var point = new BMap.Point(114.1223609900, 22.5457658500) //初始化一个经纬度点，当前是华佳窗帘布艺广场
  var marker = new BMap.Marker(point)  // 创建标注
  map.addOverlay(marker)              // 将标注添加到地图中
  map.centerAndZoom(point, 15)  // 初始化地图,设置中心点坐标和地图级别
  var opts = {
    width: 200,     // 信息窗口宽度
    height: 100,     // 信息窗口高度
    title: "华佳窗帘布艺广场", // 信息窗口标题
  }
  var infoWindow = new BMap.InfoWindow("地址：广东省深圳市罗湖区华佳窗帘布艺广场", opts)  // 创建信息窗口对象
  marker.addEventListener("onmouseover", function () { // 鼠标移入
    map.openInfoWindow(infoWindow, point) //开启信息窗口
  })
  map.setCurrentCity("深圳")       // 设置地图显示的城市 此项是必须设置的
  map.enableScrollWheelZoom()     //开启鼠标滚轮缩放
  map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
</script>

<script src="js/built.js"></script>